img:is([sizes=auto i], [sizes^="auto," i]) {
			contain-intrinsic-size: 3000px 1500px
		}
        img.wp-smiley,
		img.emoji {
			display: inline !important;
			border: none !important;
			box-shadow: none !important;
			height: 1em !important;
			width: 1em !important;
			margin: 0 0.07em !important;
			vertical-align: -0.1em !important;
			background: none !important;
			padding: 0 !important;
		}

		:root {
			--wp--preset--aspect-ratio--square: 1;
			--wp--preset--aspect-ratio--4-3: 4/3;
			--wp--preset--aspect-ratio--3-4: 3/4;
			--wp--preset--aspect-ratio--3-2: 3/2;
			--wp--preset--aspect-ratio--2-3: 2/3;
			--wp--preset--aspect-ratio--16-9: 16/9;
			--wp--preset--aspect-ratio--9-16: 9/16;
			--wp--preset--color--black: #000000;
			--wp--preset--color--cyan-bluish-gray: #abb8c3;
			--wp--preset--color--white: #ffffff;
			--wp--preset--color--pale-pink: #f78da7;
			--wp--preset--color--vivid-red: #cf2e2e;
			--wp--preset--color--luminous-vivid-orange: #ff6900;
			--wp--preset--color--luminous-vivid-amber: #fcb900;
			--wp--preset--color--light-green-cyan: #7bdcb5;
			--wp--preset--color--vivid-green-cyan: #00d084;
			--wp--preset--color--pale-cyan-blue: #8ed1fc;
			--wp--preset--color--vivid-cyan-blue: #0693e3;
			--wp--preset--color--vivid-purple: #9b51e0;
			--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgb(6, 147, 227) 0%, rgb(155, 81, 224) 100%);
			--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
			--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgb(252, 185, 0) 0%, rgb(255, 105, 0) 100%);
			--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgb(255, 105, 0) 0%, rgb(207, 46, 46) 100%);
			--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
			--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
			--wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
			--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
			--wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
			--wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
			--wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
			--wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
			--wp--preset--font-size--small: 13px;
			--wp--preset--font-size--medium: 20px;
			--wp--preset--font-size--large: 36px;
			--wp--preset--font-size--x-large: 42px;
			--wp--preset--spacing--20: 0.44rem;
			--wp--preset--spacing--30: 0.67rem;
			--wp--preset--spacing--40: 1rem;
			--wp--preset--spacing--50: 1.5rem;
			--wp--preset--spacing--60: 2.25rem;
			--wp--preset--spacing--70: 3.38rem;
			--wp--preset--spacing--80: 5.06rem;
			--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
			--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
			--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
			--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);
			--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);
		}

		:root {
			--wp--style--global--content-size: 800px;
			--wp--style--global--wide-size: 1200px;
		}

		:where(body) {
			margin: 0;
		}

		.wp-site-blocks>.alignleft {
			float: left;
			margin-right: 2em;
		}

		.wp-site-blocks>.alignright {
			float: right;
			margin-left: 2em;
		}

		.wp-site-blocks>.aligncenter {
			justify-content: center;
			margin-left: auto;
			margin-right: auto;
		}

		:where(.wp-site-blocks)>* {
			margin-block-start: 24px;
			margin-block-end: 0;
		}

		:where(.wp-site-blocks)> :first-child {
			margin-block-start: 0;
		}

		:where(.wp-site-blocks)> :last-child {
			margin-block-end: 0;
		}

		:root {
			--wp--style--block-gap: 24px;
		}

		:root :where(.is-layout-flow)> :first-child {
			margin-block-start: 0;
		}

		:root :where(.is-layout-flow)> :last-child {
			margin-block-end: 0;
		}

		:root :where(.is-layout-flow)>* {
			margin-block-start: 24px;
			margin-block-end: 0;
		}

		:root :where(.is-layout-constrained)> :first-child {
			margin-block-start: 0;
		}

		:root :where(.is-layout-constrained)> :last-child {
			margin-block-end: 0;
		}

		:root :where(.is-layout-constrained)>* {
			margin-block-start: 24px;
			margin-block-end: 0;
		}

		:root :where(.is-layout-flex) {
			gap: 24px;
		}

		:root :where(.is-layout-grid) {
			gap: 24px;
		}

		.is-layout-flow>.alignleft {
			float: left;
			margin-inline-start: 0;
			margin-inline-end: 2em;
		}

		.is-layout-flow>.alignright {
			float: right;
			margin-inline-start: 2em;
			margin-inline-end: 0;
		}

		.is-layout-flow>.aligncenter {
			margin-left: auto !important;
			margin-right: auto !important;
		}

		.is-layout-constrained>.alignleft {
			float: left;
			margin-inline-start: 0;
			margin-inline-end: 2em;
		}

		.is-layout-constrained>.alignright {
			float: right;
			margin-inline-start: 2em;
			margin-inline-end: 0;
		}

		.is-layout-constrained>.aligncenter {
			margin-left: auto !important;
			margin-right: auto !important;
		}

		.is-layout-constrained> :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
			max-width: var(--wp--style--global--content-size);
			margin-left: auto !important;
			margin-right: auto !important;
		}

		.is-layout-constrained>.alignwide {
			max-width: var(--wp--style--global--wide-size);
		}

		body .is-layout-flex {
			display: flex;
		}

		.is-layout-flex {
			flex-wrap: wrap;
			align-items: center;
		}

		.is-layout-flex> :is(*, div) {
			margin: 0;
		}

		body .is-layout-grid {
			display: grid;
		}

		.is-layout-grid> :is(*, div) {
			margin: 0;
		}

		body {
			padding-top: 0px;
			padding-right: 0px;
			padding-bottom: 0px;
			padding-left: 0px;
		}

		:root :where(.wp-element-button, .wp-block-button__link) {
			background-color: #32373c;
			border-width: 0;
			color: #fff;
			font-family: inherit;
			font-size: inherit;
			font-style: inherit;
			font-weight: inherit;
			letter-spacing: inherit;
			line-height: inherit;
			padding-top: calc(0.667em + 2px);
			padding-right: calc(1.333em + 2px);
			padding-bottom: calc(0.667em + 2px);
			padding-left: calc(1.333em + 2px);
			text-decoration: none;
			text-transform: inherit;
		}

		.has-black-color {
			color: var(--wp--preset--color--black) !important;
		}

		.has-cyan-bluish-gray-color {
			color: var(--wp--preset--color--cyan-bluish-gray) !important;
		}

		.has-white-color {
			color: var(--wp--preset--color--white) !important;
		}

		.has-pale-pink-color {
			color: var(--wp--preset--color--pale-pink) !important;
		}

		.has-vivid-red-color {
			color: var(--wp--preset--color--vivid-red) !important;
		}

		.has-luminous-vivid-orange-color {
			color: var(--wp--preset--color--luminous-vivid-orange) !important;
		}

		.has-luminous-vivid-amber-color {
			color: var(--wp--preset--color--luminous-vivid-amber) !important;
		}

		.has-light-green-cyan-color {
			color: var(--wp--preset--color--light-green-cyan) !important;
		}

		.has-vivid-green-cyan-color {
			color: var(--wp--preset--color--vivid-green-cyan) !important;
		}

		.has-pale-cyan-blue-color {
			color: var(--wp--preset--color--pale-cyan-blue) !important;
		}

		.has-vivid-cyan-blue-color {
			color: var(--wp--preset--color--vivid-cyan-blue) !important;
		}

		.has-vivid-purple-color {
			color: var(--wp--preset--color--vivid-purple) !important;
		}

		.has-black-background-color {
			background-color: var(--wp--preset--color--black) !important;
		}

		.has-cyan-bluish-gray-background-color {
			background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
		}

		.has-white-background-color {
			background-color: var(--wp--preset--color--white) !important;
		}

		.has-pale-pink-background-color {
			background-color: var(--wp--preset--color--pale-pink) !important;
		}

		.has-vivid-red-background-color {
			background-color: var(--wp--preset--color--vivid-red) !important;
		}

		.has-luminous-vivid-orange-background-color {
			background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
		}

		.has-luminous-vivid-amber-background-color {
			background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
		}

		.has-light-green-cyan-background-color {
			background-color: var(--wp--preset--color--light-green-cyan) !important;
		}

		.has-vivid-green-cyan-background-color {
			background-color: var(--wp--preset--color--vivid-green-cyan) !important;
		}

		.has-pale-cyan-blue-background-color {
			background-color: var(--wp--preset--color--pale-cyan-blue) !important;
		}

		.has-vivid-cyan-blue-background-color {
			background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
		}

		.has-vivid-purple-background-color {
			background-color: var(--wp--preset--color--vivid-purple) !important;
		}

		.has-black-border-color {
			border-color: var(--wp--preset--color--black) !important;
		}

		.has-cyan-bluish-gray-border-color {
			border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
		}

		.has-white-border-color {
			border-color: var(--wp--preset--color--white) !important;
		}

		.has-pale-pink-border-color {
			border-color: var(--wp--preset--color--pale-pink) !important;
		}

		.has-vivid-red-border-color {
			border-color: var(--wp--preset--color--vivid-red) !important;
		}

		.has-luminous-vivid-orange-border-color {
			border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
		}

		.has-luminous-vivid-amber-border-color {
			border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
		}

		.has-light-green-cyan-border-color {
			border-color: var(--wp--preset--color--light-green-cyan) !important;
		}

		.has-vivid-green-cyan-border-color {
			border-color: var(--wp--preset--color--vivid-green-cyan) !important;
		}

		.has-pale-cyan-blue-border-color {
			border-color: var(--wp--preset--color--pale-cyan-blue) !important;
		}

		.has-vivid-cyan-blue-border-color {
			border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
		}

		.has-vivid-purple-border-color {
			border-color: var(--wp--preset--color--vivid-purple) !important;
		}

		.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
			background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
		}

		.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
			background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
		}

		.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
			background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
		}

		.has-luminous-vivid-orange-to-vivid-red-gradient-background {
			background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
		}

		.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
			background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
		}

		.has-cool-to-warm-spectrum-gradient-background {
			background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
		}

		.has-blush-light-purple-gradient-background {
			background: var(--wp--preset--gradient--blush-light-purple) !important;
		}

		.has-blush-bordeaux-gradient-background {
			background: var(--wp--preset--gradient--blush-bordeaux) !important;
		}

		.has-luminous-dusk-gradient-background {
			background: var(--wp--preset--gradient--luminous-dusk) !important;
		}

		.has-pale-ocean-gradient-background {
			background: var(--wp--preset--gradient--pale-ocean) !important;
		}

		.has-electric-grass-gradient-background {
			background: var(--wp--preset--gradient--electric-grass) !important;
		}

		.has-midnight-gradient-background {
			background: var(--wp--preset--gradient--midnight) !important;
		}

		.has-small-font-size {
			font-size: var(--wp--preset--font-size--small) !important;
		}

		.has-medium-font-size {
			font-size: var(--wp--preset--font-size--medium) !important;
		}

		.has-large-font-size {
			font-size: var(--wp--preset--font-size--large) !important;
		}

		.has-x-large-font-size {
			font-size: var(--wp--preset--font-size--x-large) !important;
		}

		:root :where(.wp-block-icon svg) {
			width: 24px;
		}

		:root :where(.wp-block-pullquote) {
			font-size: 1.5em;
			line-height: 1.6;
		}

		
		.e-heading-base a,
		.e-paragraph-base a {
			all: unset;
			cursor: pointer;
		}

		form[data-element_type="e-form"].form-state-success [data-element_type="e-form-success-message"],
		form[data-element_type="e-form"].form-state-error [data-element_type="e-form-error-message"] {
			display: block;
		}

		.e-form-textarea-base:not([data-resizable]) {
			resize: none;
		}

		.e-form-submit-button-base {
			cursor: pointer;
			box-sizing: border-box;
		}

		.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
		.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
			background-image: none !important;
		}

		@media screen and (max-height: 1024px) {

			.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
			.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
				background-image: none !important;
			}
		}

		@media screen and (max-height: 640px) {

			.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
			.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
				background-image: none !important;
			}
		}
       
		.post-type-agents #titlediv {
			display: none;
		}

		.post-type-agents #postimagediv {
			display: none;
		}

		.post-type-agents #postdivrich {
			display: none;
		}

		body {
			background-color: var(--bg-dark);
		}

		@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800&display=swap');

		:root {
			--bg-dark: #04070c;
			--card-bg: linear-gradient(180deg, #0a101b 0%, #05080f 100%);
			--gold-primary: #d4af37;
			--gold-glow: #f7d070;
			--gold-border: rgba(212, 175, 55, 0.35);
			--gold-btn: linear-gradient(180deg, #fce08a 0%, #c49626 100%);
			--wa-btn-bg: linear-gradient(180deg, #137732 0%, #08431b 100%);
			--wa-border: #1fa245;
		}

		.agent-wrapper {
			background-color: var(--bg-dark);
			padding: 15px;

			margin: 0 auto;
			font-family: 'Poppins', sans-serif;
			color: #fff;
			box-sizing: border-box;
		}

		/* --- SEARCH SECTION --- */
		.agent-search-section {
			text-align: center;
			margin-bottom: 20px;
			background: #020407;
			padding: 16px 20px;
			border: 1px solid rgba(208, 171, 54, 0.35);
			border-radius: 8px;
			box-shadow: 0 0 10px rgba(212, 175, 55, 0.1);
		}

		/* .search-title {
    color: var(--gold-glow);
    font-weight: 700;
    letter-spacing: 1.5px;
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
} */
		.search-title {
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 10px;
			color: #f3c346;
			font-weight: bold;
			letter-spacing: 1.5px;
			text-transform: uppercase;
			max-width: 400px;
			margin: 0 auto;
			margin-bottom: 10px;
			font-size: 18px;
		}

		.search-title i {
			font-size: 1.2rem;
		}

		.search-title::before {
			content: "";
			flex: 1;
			height: 2px;
			background: linear-gradient(to left, #f3c346, transparent);
		}

		.search-title::after {
			content: "";
			flex: 1;
			height: 2px;
			background: linear-gradient(to right, #f3c346, transparent);
		}

		.search-box-container {
			display: flex;
			gap: 8px;
		}

		.input-group {
			display: flex;
			align-items: center;
			flex-grow: 1;
			background: #060a12;
			border: 1px solid rgba(212, 175, 55, 0.2);
			border-radius: 6px;
			padding: 0 12px;
		}

		.input-group i {
			color: var(--gold-primary);
			font-size: 14px;
			margin-right: 8px;
		}

		.input-group input {
			width: 100%;
			background: transparent;
			border: none;
			outline: none;
			color: #fff;
			padding: 10px 0;
			font-size: 13px;
		}

		.input-group input::placeholder {
			color: #556375;
		}

		.verify-btn {
			background: var(--gold-btn);
			color: #000;
			border: none;
			padding: 10px 22px;
			font-weight: 800;
			border-radius: 6px;
			cursor: pointer;
			font-size: 12px;
			white-space: nowrap;
			text-transform: uppercase;
			display: flex;
			align-items: center;
			gap: 6px;
			box-shadow: 0 2px 8px rgba(212, 175, 55, 0.4);
			justify-content: center;
		}

		.verify-btn :hover {
			color: #000;
		}

		/* --- SECTION HEADER --- */
		.section-badge {

			padding: 15px 20px;
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 15px;
			text-align: center;
			font-family: Arial, sans-serif;
		}

		.badge-content h3 {
			color: #f3c346;
			font-size: 18px;
			font-weight: 700;
			margin: 0;
			letter-spacing: 1px;
		}

		.badge-content p {
			color: #fff;
			font-size: 12px;
			margin: 4px 0 0 0;
		}

		/* SVG আইকনের সাইজ ও ফ্লিপ স্টাইল */
		.badge-icon {
			color: #f3a812;
			width: 30px;
			height: 30px;
			flex-shrink: 0;
		}

		.badge-icon.flip {
			transform: scaleX(-1);
		}

		.section-badge img {
			height: 50px !important;
		}

		@media (max-width: 600px) {
			.section-badge {
				gap: 4px;
				padding: 5px 0px;
			}

			.badge-content h3 {
				font-size: 10px;
			}

			.section-badge img {
				height: 27px !important;
			}

			.badge-content p {
				font-size: 8px;
				margin: 0px;
			}

			.badge-icon {
				font-size: 22px;
			}
		}

		/* --- AGENT CARDS LIST --- */
		.agent-list {
			display: flex;
			flex-direction: column;
			gap: 8px;
		}

		.agent-card {
			background: var(--card-bg);
			border: 1px solid var(--gold-border);
			border-radius: 8px;
			padding: 8px 12px;
			display: grid;
			grid-template-columns: 32px 52px 1fr 95px 140px 105px;
			align-items: center;
			gap: 10px;
			box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
		}

		.agent-serial {
			color: var(--gold-glow);
			font-size: 16px;
			font-weight: 700;
			background: #02040700;
			border: 1px solid rgb(77, 66, 28);
			border-radius: 5px;
			padding: 5px 2px;
			text-align: center;
		}

		.agent-img-box {
			position: relative;
			width: 48px;
			height: 48px;
		}

		.agent-img-box img {
			width: 100%;
			height: 100%;
			border-radius: 50%;
			border: 2px solid var(--gold-primary);
			object-fit: cover;
		}

		.agent-info .name {
			font-size: 13.5px;
			font-weight: 700;
			color: #fff;
			display: flex;
			align-items: center;
			gap: 4px;
		}

		.agent-info .name img {
			width: 15px;
		}

		.agent-info .name .badge-icon {
			color: var(--gold-glow);
			font-size: 12px;
		}

		.agent-info .role {
			font-size: 12px;
			color: #cbcbcb;
			margin-bottom: 3px;
			font-weight: 500;
		}

		.area-tag {
			display: inline-flex;
			align-items: center;
			gap: 4px;
			background: #02050a;
			border: 1px solid var(--gold-border);
			color: var(--gold-glow);
			font-size: 10px;
			padding: 2px 6px;
			border-radius: 4px;
			letter-spacing: 1px;
		}

		.id-badge {
			background: #02040700;
			border: 1px solid rgb(77, 66, 28);
			border-radius: 5px;
			padding: 5px 2px;
			text-align: center;
		}

		.id-badge label {
			display: block;
			font-size: 10px;
			color: #fff;
			margin-bottom: -2px;
		}

		.id-badge span {
			color: var(--gold-glow);
			font-weight: 800;
			font-size: 13px;
		}

		.wa-btn {
			background: var(--wa-btn-bg);
			color: #fff;
			text-decoration: none;
			padding: 12px 10px;
			border-radius: 5px;
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 6px;
			font-weight: 600;
			font-size: 12px;
			border: 1px solid var(--wa-border);
			box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
		}

		.wa-btn:hover {
			color: #fff;
		}

		.wa-btn i {
			font-size: 14px;
		}

		.verified-tag {
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 4px;
			font-size: 12px;
			font-weight: 700;
			color: #00ff66;
		}

		.verified-tag i {
			font-size: 20px;
		}

		/* --- MOBILE RESPONSIVE (ONE LINE FIT) --- */
		@media (max-width: 768px) {
			.agent-card {
				display: grid !important;
				grid-template-columns: 35px 1fr 56px 60px 46px !important;
				align-items: center !important;
				gap: 15px !important;
				padding: 6px 5px !important;
				justify-content: space-between;
			}

			.agent-serial {
				font-size: 11px !important;
				padding: 3px 1px !important;
				border-radius: 3px !important;
				display: none;
			}

			.agent-img-box {
				width: 35px !important;
				height: 35px !important;
			}

			.agent-info .name {
				font-size: 12px !important;
				white-space: nowrap !important;
				overflow: hidden !important;
				text-overflow: ellipsis !important;
			}

			.agent-info .name .badge-icon {
				font-size: 12px !important;
				line-height: 10px !important;
				height: 10px;
			}

			.agent-info .role {
				font-size: 12px !important;
				margin-bottom: 0px !important;
				white-space: nowrap !important;
			}

			.area-tag {
				font-size: 10px !important;
				padding: 2px 5px !important;
				letter-spacing: 0px !important;
				display: none;
			}

			.id-badge {
				padding: 2px 1px !important;
				border-radius: 3px !important;
				height: 28px;
				display: flex;
				justify-content: center;
				align-items: center;
				gap: 4px;
			}

			.id-badge label {
				font-size: 7.5px !important;
			}

			.id-badge span {
				font-size: 10px !important;
			}

			.wa-btn {
				padding: 6px 23px !important;
				font-size: 8px !important;
				border-radius: 4px !important;
				gap: 3px !important;
			}

			.wa-btn span {
				display: none;
			}

			.wa-btn i {
				font-size: 14px !important;
			}

			.verified-tag {
				font-size: 9px !important;
				gap: 2px !important;
				flex-direction: column;
				align-content: center;
				justify-content: center;
				align-items: center;
			}

			.verified-tag i {
				font-size: 11px !important;
				width: 100%;
				display: block;
				text-align: center;
			}

			/* Search Input Section Adjustment for Mobile */
			.search-box-container {
				flex-direction: row !important;
				gap: 5px !important;
			}

			.verify-btn {
				padding: 4px 12px !important;
				font-size: 10px !important;
				line-height: 10px;
			}

			.input-group input {
				font-size: 10px !important;
				padding: 4px;
			}

			.search-title {
				font-size: 10px;
				margin-bottom: 2px;
			}

			.search-title i {
				font-size: 10px;
			}

			.agent-wrapper {
				padding: 10px;
			}

			.agent-search-section {
				margin-bottom: 0px;
				padding: 5px;
			}
		}
	
   
							/* Hide on Desktop */
							.mobile-bottom-nav {
								display: none;
							}

							/* Mobile Devices Only */
							@media (max-width: 768px) {
								.mobile-bottom-nav {
									position: fixed;
									bottom: 12px;
									left: 50%;
									width: 92%;
									max-width: 480px;
									background-color: #080f18;
									border: 1px solid rgba(255, 255, 255, 0.12);
									border-radius: 12px;
									display: flex;
									justify-content: space-between;
									align-items: center;
									padding: 6px 4px;
									z-index: 99999;
									box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6);
									box-sizing: border-box;

									/* Initial Hidden State */
									transform: translate(-50%, 150%);
									opacity: 0;
									visibility: hidden;
									transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1),
										opacity 0.4s ease,
										visibility 0.4s;
								}

								.mobile-bottom-nav.visible {
									transform: translate(-50%, 0) !important;
									opacity: 1 !important;
									visibility: visible !important;
								}

								.mobile-bottom-nav .nav-item {
									position: relative;
									display: flex;
									flex-direction: column;
									align-items: center;
									justify-content: center;
									color: #fff;
									font-size: 11px;
									font-weight: 600;
									text-align: center;
									padding: 6px 2px;
									border-radius: 8px;
									flex: 1;
									text-decoration: none;
									cursor: pointer;
									transition: all 0.25s ease-in-out;
								}

								.mobile-bottom-nav .nav-item i {
									font-size: 16px;
									margin-bottom: 3px;
								}

								.mobile-bottom-nav .nav-item.active,
								.mobile-bottom-nav .nav-item:hover {
									background-color: rgba(229, 193, 88, 0.12);
									color: #e5c158;
								}

								/* Submenu / Popup Styles */
								.agent-types-popup {
									display: none;
									position: absolute;
									bottom: 55px;
									left: 50%;
									transform: translateX(-50%);
									width: 190px;
									background: #0d1724;
									border: 1px solid rgba(229, 193, 88, 0.3);
									border-radius: 10px;
									box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.8);
									overflow: hidden;
									z-index: 100000;
								}

								.agent-types-popup.show {
									display: block !important;
									animation: popupFade 0.25s ease-in-out;
								}

								@keyframes popupFade {
									from {
										opacity: 0;
										transform: translate(-50%, 10px);
									}

									to {
										opacity: 1;
										transform: translate(-50%, 0);
									}
								}

								.popup-header {
									background: #152233;
									color: #e5c158;
									font-size: 11px;
									padding: 8px;
									font-weight: bold;
									border-bottom: 1px solid rgba(255, 255, 255, 0.08);
									text-transform: uppercase;
								}

								.popup-list {
									display: flex;
									flex-direction: column;
									padding: 5px 0;
									max-height: 250px;
									overflow-y: auto;
								}

								.popup-item {
									color: #d1d5db;
									padding: 8px 12px;
									text-decoration: none;
									font-size: 12px;
									text-align: left;
									display: flex;
									align-items: center;
									gap: 8px;
									transition: background 0.2s;
								}

								.popup-item:hover {
									background: rgba(229, 193, 88, 0.15);
									color: #e5c158;
								}

								.popup-item.all-item {
									border-bottom: 1px solid rgba(255, 255, 255, 0.08);
									font-weight: bold;
									color: #fff;
								}
							}